<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="keywords" />
<meta name="description" content="description" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>修改密码</title>
<style>
	body { background-color: #e2f1ea;font-family: Arial,cursive,"隶书"; }
	.changepwdArea {
		width: 275px;
		margin: 150px auto;
		padding: 20px 40px;
		border: 1px solid #F4F4F4;
		background: rgba(255,255,255,0.5);
		border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.changepwdArea h1{ font-size: 38px;text-align: center; }
	#cp-form > div { margin:10px 5px;padding:6px 0; }
	#cp-form label{	display: none;font-size: 20px;line-height: 25px; }
	#cp-form input[type="text"], input[type="password"] {
		background: rgba(255,255,255,0.2);
		border:1px solid rgba(51,51,51,0.5);
		border-radius:5px;
		-moz-border-radius:5px;
		padding: 5px;
		font-size: 16px;
		line-height: 22px;
		width: 98%;
		font-family: Arial,Garamond,Helvetica,cursive;
		text-align:center;
	}
	.changepwd {
		background: rgba(255,255,255,0.5);;
		font-family: Arial, cursive;
		font-size: 20px;
		border:1px solid #000;
		padding:5px 10px;
		border:1px solid rgba(51,51,51,0.5);
		border-radius:5px;
		-moz-border-radius:5px;
		cursor:pointer;
	}
	.changepwd:hover { background:#f4f4f4; }
	#cp-form > div[type="submit"] { text-align: center; }
</style>
</head>
<body>
    <div class="changepwdArea">
	<h1>修改密码</h1>
	<form action="{% url 'gt-fpwd' %}" id="cp-form" name="cp-form" method="post">

		<div>
			<label for="username">用户名:</label>
			<input type="text" name="username" id="username" placeholder="请输入用户名"/>
		</div>

		<div>
			<label for="password">旧密码:</label>
			<input type="password" name="old_password" id="old_password" placeholder="请输入旧密码" />
		</div>

		<div>
			<label for="password">新密码:</label>
			<input type="password" name="new_password" id="new_password" placeholder="请输入新密码" />
		</div>

		<div>
			<button type="submit" id="changepwd" class="changepwd">修改密码</button>
		</div>
    </form>
</div>
</body>
</html>